const gulp=require("gulp");
//压缩CSS代码
const CleanCss=require("gulp-clean-css");
//热更新
const browserSync=require("browser-sync").create();

//抑制代码出错时,强制退出.
const plumber=require("gulp-plumber");

//自动添加前缀
const autoprefixer=require("gulp-autoprefixer");

//引入gulp-sass
const sass=require("gulp-sass");

gulp.task("sass",function(){
	gulp.src("src/scss/*.scss") //编译scss文件
	.pipe(plumber())//错误抑制
	.pipe(sass())
	.pipe(plumber.stop())
	.pipe(gulp.dest("src/css/"))//将编译的scss文件导出到src/css目录下
})

gulp.task("browser-sync",function(){
	browserSync.init({
		server:{
			baseDir:"./"
		},port:8888   //在8888端口打开
	});
	
//	监听src/html目录中的所有html文件
	gulp.watch(["src/html/*.html"],browserSync.reload)
	
//	监听scss文件,并编译成css文件
	gulp.watch("src/scss/*.scss",["sass"]).on("change",browserSync.reload)
})
